<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购买</title>
    <link href="css/style.css" rel="stylesheet">
    <script language="javascript" src="js/province.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .top {
            margin: 10px;
            padding: 20px;
            height: 230px;
            border: solid 1px rgb(219, 219, 219);
        }

        .left {
            height: 230px;
            width: 60%;
            margin-right: 20px;
            border: solid 1px rgb(219, 219, 219);
            text-align: center;
            float: left;
        }

        .right {
            height: 200px;
        }

        .h {
            font-weight: bold;
            font-size: 19px;
        }

        .bottom {
            margin: 10px;
            height: 80px;
            position: relative;
        }

        .tdwi {
            width: 70%;
        }

        .trhe {
            height: 50px;
        }

        .tab {
            border: solid 1px rgb(219, 219, 219);
        }
    </style>
</head>

<body onload='getProvince()' style="background-color: rgb(250, 250, 250);">
<div class="top">
    <div class="left">
        <p>服务介绍</p>
    </div>
    <div class="right">
        <span class="h">价格：<span th:text="${product.price}"></span>￥</span></br></br>
        <span class="h">地区：</span>
        <select id="province" onchange="chooseProvince(this)">
            <option value="1">请选择省</option>
        </select>
        <select id="city" onchange="chooseCity(this)">
            <option value="2">请选择市</option>
        </select>
        <select id="area">
            <option value="3">请选择区</option>
        </select></br></br>
        <span class="h">选择在平台生成的合同：</span>
        <span th:text="${product.productName}"></span></br></br>
        <form action="/contract/addAuditOrder" method="POST" enctype="multipart/form-data">
             <span class="h">
            附件上传：<input type="file" name="uploadFile">
            <input type="submit" value="提交订单" class="btn ant-btn ant-btn-red">
             </span>
            <input type="hidden" name="productId" th:value="${product.id}"/>
        </form>
    </div>
</div>
<div class="bottom">
    <div style="text-align: center;">
        <h2>合同审核服务</h2>
    </div>
    <table border=1 width=100% cellspacing="0" cellpadding="0" class="tab">
        <tr class="trhe">
            <td align="center">服务内容：</td>
            <td class="tdwi">保密协议、公司章程、股份转让协议、合作协议</td>
        </tr>
        <tr class="trhe">
            <td align="center">服务时间：</td>
            <td class="tdwi">视具体而定</td>
        </tr>
        <tr class="trhe">
            <td align="center">所需材料：</td>
            <td class="tdwi">合同（包括电子版及复印件）、合同签约主体资格材料（法人应提供营业执照副本复印件、组织机构代码证副本复印件等；自然人应提供身份证复印件）、其他需要的材料</td>
        </tr>
    </table>
</div>
</body>

</html>